// pages/search/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isCollapse:true,    // true点击了展开，false点击了收起
    isDelStaus:false,
    hisListCopy:[],// 原始数据
    hisList:[
    ], // 非展开数据
    keywords:""
  },
  close(e){
    console.log(1);
    const  {index} = e.target.dataset
    // 1.删除 hisList对应的成员  更新hisListCopy
    const {hisList} = this.data;
    hisList.splice(index,1)
    this.setData({hisList,hisListCopy:hisList.slice(0,4)})
    // 2.然后防止页面刷新后数据重新回显,更新本地存储
    try {
      wx.setStorageSync('history', this.data.hisList)
    } catch (e) {
      console.log(1);
    }
  },
  removeAll(){
    this.setData({hisList:[],hisListCopy:[]})
    try {
      wx.removeStorageSync('history')
    } catch (e) {

    }
  },
  // 1.用双向数据绑定 2.form触发表单
  confirm(){
  const keywords = this.data.keywords.trim()
  // 是否为空的判断
  if (!keywords) {
    wx.showToast({
      title: '不能为空',
      icon: 'none',
      duration: 2000,
    })
    return
  }
  // 将当前数据存储到本地
 this.setCache(keywords)
wx.navigateTo({
  url: `/pages/result/index?keywords=${keywords}`,
})
  },
  // 点击了历史记录
  tapHistory(e){
    this.setData({
        keywords:e.target.dataset.val
    })
    this.confirm()
  },
  // 存储数据
  setCache(val){
    // 将给予的val放入到this.data.jisList
    const {hisList} = this.data
    const index = hisList.findIndex(item=>item === val)
    if (index>=0) {
      hisList.splice(index,1)
    }
    hisList.unshift(val)
    // 添加历史记录（限制最多100条）
    if (hisList.length>100) {
      hisList.pop()
    }

    try {
      wx.setStorageSync('history', this.data.hisList)
    } catch (e) {
      console.log(1);
    }
    this.setData({
      hisList,
      hisListCopy:hisList.slice(0,4)
    })
  },
  changeVal(e){
    this.setData({
  keywords:e.detail.value
})
  },
  // 过滤展示
  filteShow(){
    // 获取本地数据

    const localData=wx.getStorageSync('history') || []
    this.setData({
      hisListCopy:localData.slice(0,4),
      hisList:localData,
    })
  },
// 点击展开
toggle(){
  const isCollapse = !this.data.isCollapse
  this.setData({
    isCollapse
  })
},

// 切换删除状态
toggleDel(e){
  const isDelStaus = !this.data.isDelStaus
  // this.toggle();
  this.setData({
    isDelStaus,
    isCollapse:false
  })
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.filteShow()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})